/*
 * home 页面中的 问题报告 组件样式文件
 * author:wangxd
 */
input,
textarea,
select,
a:focus {
  outline: none !important;
}
.progress-update {
  position: absolute;
  width: 300px;
  // height: 622px;
  display: flex;
  flex-direction: column;
  background: rgba(46, 47, 58, 1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  z-index: 11;
  border-radius: 10px;
  transition: height 0.5s;
  left: 60px;
  top: 80px;
  .update-title {
    padding: 10px 10px;
    height: 68px;
    .title {
      width: 84px;
      height: 21px;
      font-size: 16px;
      font-family: MicrosoftYaHei;
      color: rgba(255, 255, 255, 1);
      line-height: 21px;
      margin-bottom: 10px;
      padding-left: 10px;
    }
    input,
    textarea,
    select,
    a:focus {
      outline: none !important;
    }
    :global(.ant-input) {
      background: none !important;
      border: none;
      color: rgba(255, 255, 255, 1);
      outline: none !important;
      font-size: 12px !important;
    }
    :global(.ant-input-affix-wrapper) {
      background: none !important;
      border: none;
      color: rgba(255, 255, 255, 1);
      outline: none !important;
      font-size: 12px !important;
    }
    .closebutton {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.5);
      position: absolute;
      top: 13px;
      right: 20px;
    }
    .upbutton{
      font-size: 14px;
      color: rgba(255, 255, 255, 0.5);
      position: absolute;
      top: 13px;
      right: 40px;
      display: none;
    }
  }

  .scroll-wrap {
    flex: 1;
    padding: 0;
    margin: 0;
    position: relative;
    // border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    .TipSpan {
      font-size: 20px;
      font-family: MicrosoftYaHei;
      color: rgba(255, 255, 255, 0.5);
    }
  }
  // .updata-foot {
  //   display: flex;
  //   flex-direction: row;
  //   justify-content: space-between;
  //   padding: 15px 20px;
  //   div {
  //     div:first-child {
  //       font-size: 12px;
  //       font-family: MicrosoftYaHei;
  //       color: rgba(255, 255, 255, 1);
  //     }
  //     div:nth-child(2) {
  //       font-size: 12px;
  //       font-family: MicrosoftYaHei;
  //       color: rgba(255, 255, 255, 0.2);
  //     }
  //   }
  // }
}

.flexable {
  flex: 1;
  padding: 0;
  margin: 0;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
